// import React, { useState, useEffect } from 'react';
// import { Alert, Button, Card } from 'antd';

// const DataValidator = () => {
//   const [dataStatus, setDataStatus] = useState({
//     users: false,
//     adminUsers: false,
//     products: false,
//     orders: false
//   });

//   useEffect(() => {
//     checkData();
//   }, []);

//   const checkData = () => {
//     const users = localStorage.getItem('mall_users');
//     const adminUsers = localStorage.getItem('mall_admin_users');
//     const products = localStorage.getItem('mall_products');
//     const orders = localStorage.getItem('mall_admin_orders');

//     setDataStatus({
//       users: !!(users && JSON.parse(users).length > 0),
//       adminUsers: !!(adminUsers && JSON.parse(adminUsers).length > 0),
//       products: !!(products && JSON.parse(products).length > 0),
//       orders: !!(orders && JSON.parse(orders).length > 0)
//     });
//   };

//   const resetData = () => {
//     if (window.resetMallData) {
//       window.resetMallData();
//       setTimeout(() => {
//         window.location.reload();
//       }, 1000);
//     }
//   };

//   const allDataReady = Object.values(dataStatus).every(status => status);

//   // 仅在开发环境显示
//   if (process.env.NODE_ENV !== 'development') {
//     return null;
//   }

//   return (
//     <Card 
//       size="small" 
//       style={{ 
//         position: 'fixed', 
//         top: 10, 
//         right: 10, 
//         width: 300, 
//         zIndex: 9999,
//         opacity: 0.9 
//       }}
//       title="开发调试信息"
//     >
//       <div style={{ fontSize: '12px' }}>
//         <div>用户数据: {dataStatus.users ? '✅' : '❌'}</div>
//         <div>管理员数据: {dataStatus.adminUsers ? '✅' : '❌'}</div>
//         <div>商品数据: {dataStatus.products ? '✅' : '❌'}</div>
//         <div>订单数据: {dataStatus.orders ? '✅' : '❌'}</div>
        
//         {!allDataReady && (
//           <Alert
//             message="数据未完全初始化"
//             description="如果登录失败，请点击重置数据"
//             type="warning"
//             size="small"
//             style={{ margin: '8px 0' }}
//           />
//         )}
        
//         <Button 
//           size="small" 
//           danger 
//           onClick={resetData}
//           style={{ marginTop: 8 }}
//         >
//           重置所有数据
//         </Button>
//       </div>
//     </Card>
//   );
// };

// export default DataValidator; 